﻿<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>丁超的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Rambla:400,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/et-lineicons.css">
    <link rel="stylesheet" href="css/themify-icons.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/services.css">
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>

<body>
    <div id="lonon-page"> <a href="#" class="js-lonon-nav-toggle lonon-nav-toggle"><i></i></a>
        <!-- Sidebar Section -->
        <aside id="lonon-aside">
            <!-- Logo -->
            <h1 id="lonon-logo">
                <img src="images/my.png" alt=""><br />
                <a href="index.html">丁 超<span>前端开发工程师</span></a>
            </h1>
            <!-- Menu -->
            <nav id="lonon-main-menu">
                <ul>
                    <li><a href="index.html">主页</a></li>
                  <li><a href="resume.html">简历</a></li>
                    <li><a href="portfolio.html">个人作品</a></li>
                    <li class="lonon-active"><a href="services.html">生活日常</a></li>
                    <li><a href="blog.html">我的博客</a></li>
                    <li><a href="contact.html">联系方式</a></li>
                </ul>
            </nav>
            <!-- Sidebar Footer -->
            <div class="lonon-footer">
                <ul>
                    <li><a href="#"><i class="ti-facebook font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-twitter-alt font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-instagram font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-linkedin font-14px gray-icon"></i></a></li>
                </ul>
                <p><small>&copy; 2023 ChaoDing. by <a href="http://www.bootstrapmb.com/" title="bootstrapmb">DuruThemes</a></small></p>
            </div>
        </aside>
        
        <!-- Main Section -->
        <div id="lonon-main">
            <!-- 生活日常 -->
            <div class="lonon-services">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12"> <span class="heading-meta style-1">What We Do</span>
                            <h2 class="lonon-heading animate-box" data-animate-effect="fadeInLeft">生活日常</h2> </div>
                    </div>
                    <div class="wrap" id='wrap'>
                </div>
            </div>

            <!-- Footer -->
            <div id="lonon-footer2">
                <div class="lonon-narrow-content">
                    <div class="row">
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <p class="lonon-lead">&copy; 2023 ChaoDing. All rights reserved</p>
                        </div>
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <h2 class="text-center"></h2> </div>
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <ul class="social-network">
                                <li><a href="#"><i class="ti-facebook font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-twitter-alt font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-instagram font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-linkedin font-14px black-icon"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- JS -->
    <script src="js/jquery.min.js"></script>
    <script src="js/modernizr-2.6.2.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/sticky-kit.min.js"></script>
    <script src="js/main.js"></script>
</body>
<script src="js/services.js"></script>
</html>
